/**
 * 站点公共CSS
 * @作者 苏相锟 <admin@phpok.com>
 * @主页 https://www.phpok.com
 * @版本 5.x
 * @授权 GNU Lesser General Public License  https://www.phpok.com/lgpl.html
 * @时间 2021年1月8日
**/

:root {
  --blue: #1D5595;
  --darkblue:#093361;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #E77717;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #1D5595;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #E77717;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

a{
	color:var(--blue);
}

.logo{
	max-width:300px;
	width:100%;
}
.btn-primary{
	background-color:var(--blue);
	border:0;
}
.btn-primary:hover{
	background-color:var(--darkblue);
}

.bg-nav{
	background-color:var(--blue) !important;
	height:10px;
}

.border-primary{
	border-color:var(--blue) !important;
}

.border-dotted{
	border-style:dashed;
}

.text-warning{
	color:var(--warning) !important;
}

.list-group-item.active{
	background-color:var(--orange);
	border-color:var(--orange);
	color:var(--light);
}

.list-group-item.active a{
	color:var(--light);
}

/* 单行省略号 */
.crop-text-1 {
  -webkit-line-clamp: 1;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

/* 两行省略号 */
.crop-text-2 {
  -webkit-line-clamp: 2;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.hand{
	cursor:pointer;
}

.bg-light-50{
	background-color:rgba(255,255,255,0.5);
}
.border-light-50{
	border-color:rgba(255,255,255,0.5);
}

.page-link{
	color:var(--blue);
}
.page-item.active .page-link{
	background-color:var(--darkblue);
	border-color:var(--darkblue);
}

footer{
	border-top:2px solid #ccc;
}

footer ul,footer ol{
	list-style:none;
	margin-left:0;
	padding-left:0;
}

footer ul li,footer ol li{
	line-height:200%;
}

select + select{
	margin-top:0.5em;
}

select + input{
	margin-top:0.5em;
}

/* 独立页面样式 */
.l-height{
	line-height:170%;
}


/* 任意页返回头部 */
.toTop{background:url('../images/to-top.png') center center no-repeat;width:48px;height:48px;border:0;}



.content{ line-height:170%;font-size:1em;font-weight:500;min-height: 500px;
	padding:30px 0!important;
}
.content p{ margin-bottom:1em;}
.content table {border: 1px solid #ddd;border-collapse: collapse;display: table;}
.content table td {border: 1px solid #ddd;padding: 5px 10px;}
.content table th {border: 1px solid #ddd;background-color: #f7f7f7;padding: 5px 10px;}
.content blockquote{
	margin:1em 0;border:1px solid #efefef;background:#fcfcfc;padding:0.5em 1em;
}

/* 管理员回复评论信息 */
fieldset.admin-reply{
	border:1px solid #ccc;
	padding:0.5em;
}
fieldset.admin-reply legend{
	width:auto;
	padding:0 0.5em;
	font-size:1em;
}

fieldset.admin-reply + fieldset.admin-reply{
	margin-top:1em;
}


/* 产品属性 */
div.attr{border:1px solid #ccc;margin-bottom:5px;line-height:26px;padding:3px 10px;cursor:pointer;}
div.attr.selected{border:1px solid var(--orange);background-color:var(--orange);color:var(--white);}

ul.radio li label{
	padding:0.25em 1em;
}

ul.radio li label input[type=radio]{
	margin-left:-1em;
	margin-top:0.1em;
}

header .topnav{
	line-height: 44px;
	border-bottom:1px solid #eee;
    background:#EDEDED;
    color:var(--dark);
}
header .topnav a{
    color:var(--dark);
}

header .menu a{
	font-size:1.2rem;
	color:var(--dark);
}

.headnav{
	background:#fff;
	background:relative;
	width:100%;
	margin:0 auto;
}

.index-search{
	color:var(--white);
}

.index-search a{
	color:var(--white);
}

.index-search .bg-orange{
	background-color:#2057B7;
	border-color:#2057B7;
}

.index-search .bg-orange:hover,.index-search .bg-orange:active{
	background-color:var(--orange);
	border-color:var(--orange);
}


.nav-warp{

}
.nav-top{
	width: 1200px;
	margin:0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 64px;
	line-height: 64px;
}
.nav-top img{
	height: 52px;
}
.nav-left-title{
	margin: 0 0 0 38px;
	font-size: 26px;
	color: #000000;
}
.nav-flx{
	display: flex;
	align-items: center;
}
.nav-tel{
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
}
.nav-tel h1{
	margin: initial;
	font-size: 18px;
	color: #828282;
	font-weight: normal;
}
.nav-tel span{
	font-size: 18px;
	color: #4D4D4D;
	line-height: initial;
}
.nav-warp2{
	background: #ffffff;
}
.nav{
	width: 1200px;
	margin:0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 64px;
}

.justify-content-end{
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between!important;
}
.nav img{
	width: 164px;
	height: 115px;
}
.banner{

}
.banner img{
	width: inherit;
}
.product-box{
	padding:60px 0;
	min-height: 100px;
}
.product{
	width: 1200px;
	margin:0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.product-title{
	display: flex;
	justify-content: center;
	align-items: center;
}
.product-title h1{
	font-size: 48px;
	color:#1F1F1F;
}
.product-title span{
	margin: 0 20px;
	display: block;
	width: 154px;
	height: 3px;
	background: rgba(31,31,91,0.3);
}
.tab-nav{
	display: flex;
	padding:0 0 20px 0;
	margin: 30px 0 0 0;
	width: fit-content;
	justify-content: inherit;
	height: inherit;
}
.nav-tabs{
	border-bottom: 1px solid #eaeaea;
	height: inherit;
}
.tab-nav li{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 162px;
	height: 51px;
	background: #ffffff;
	border-radius: 10px;
	color: #777676;
	font-size: 14px;
	margin:0 5px;
}
.tab-content>.active{
	display: flex;
}
.tab-nav .active{
	background: #005AD2!important;
	color: #ffffff!important;
	width: 162px;
	height: 51px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	text-decoration: none;
	position: relative;
}
.tab-nav .active:before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	width: 95px;
	bottom: -20px;
	margin: 0 auto;
	border-bottom: 3px solid blue;
}
.tab-nav a{
	color: #999696;
}
.product-box1{
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}
.product-box1 span{
	font-size: 18px;
	color:#888888;
}
.content{
	margin:0;
	padding:0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
.content li{
	margin:0 35px 55px 0;
	padding:10px;
	box-sizing: border-box;
	list-style: none;
	width: 376px;
	height: 387px;
	background: #ffffff;
	box-shadow: 0px 20px 50px 0px rgba(18,17,39,0.0800);
	border-radius: 12px;
}
.case-box li{
	padding:0;
	height: 376px;
}
.content li img{
	width: 100%;
	height: 307px;
}
.content li:nth-child(3),.content li:nth-child(6){
	margin-right: 0;
}
.content-box{
	margin-top: 50px;
}
.content-box li a:hover{
	text-decoration: none;
}
.content li:nth-last-child(1),.content li:nth-last-child(2),.content li:nth-last-child(3){
	margin-bottom: 0;
}
.product-bottom-box{
	padding:0 20px;
	box-sizing: border-box;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.product-bottom-box span{
	font-size: 16px;
	color: #2B2B2B;
}
.product-bottom-box a{
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	text-align: center;
}
.product-add{
	margin-top: 15px;
	width: 22px;
	height: 22px;
	background: #CA161F;
	border-radius: 22px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.product-add span{
	height: inherit;
	line-height: normal;
	color: #ffffff;
}
.about-warp{
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.about-box{
	display: flex;
	justify-content: center;
	align-items: center;
	padding:70px 0 60px 0;
	flex-direction: column;
}
.about-title{
	display: flex;
	align-items: center;
	font-size: 36px;
	color: #252525;
	font-weight: 600;
}
.about-title span:nth-child(1){
	color: #CE1521;
}
.about-title span:last-child{
	margin-left: 10px;
}
.about-t2{
	margin-top: 30px;
	font-size: 16px;
	color: #868686;
}
.about-box2{
	display: flex;
	background: #005AD2;
	height: 634px;
}
.about-lbox{
	width: 50%;
	height: 100%;
	overflow: hidden;
	background: url("../images/qt_001.png");
}
.about-lbox img{
	width: 100%;
}
.about-rbox li{
	display: flex;
	align-items: center;
	margin-bottom: 76px;
}
.about-rbox li:last-child{
	margin-bottom: 0;
}
.about-rbox li img{
	width: 90px;
	height: 90px;
}
.about-rbox{
	margin-left: -45px;
	display: flex;
	align-items: center;
	width: 50%;
}
.about-li-rbox{
	margin-left: 24px;
}
.about-li-rbox h1{
	margin: initial;
	font-size: 24px;
	color: #FFFEFE;
}
.about-li-rbox span{
	display: block;
	margin-top: 14px;
	font-size: 16px;
	color: #FFFEFE;
	line-height: 24px;
}
.about-box3{
	width: 1200px;
	margin: 0 auto;
}
.about-flx{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.about-t3{
	font-size: 48px;
	color: #242425;
	font-weight: 600;
}
.about-t3 span:nth-child(1){
	color: #CE1521;
}
.about-t3 span:nth-child(2){
	margin-left: 5px;
}
.about-zx{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 123px;
	height: 44px;
	background: #CE1521;
	border-radius: 22px;
	color: #ffffff;
}
.about-box3{
	padding:98px 0 50px 0
}
.about-ftitle{
	margin-top: 20px;
	font-size: 36px;
	color: #B4B4B4;
	font-family: 'STXihei';
}
.about-box4 li{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 280px;
	height: 260px;
	background: #005AD2;
	border-radius: 10px;
}
.about-box4 li img{
	width: auto;
	height: 40px;
}
.a-box{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: #ffffff;
}
.a-box h1{
	font-size: 18px;
}
.a-box .f14{
	display: block;
	margin-top:-10px;
	font-size: 14px;
}
.a-box .f12{
	font-size: 12px;
}
.a-box .line{
	margin:10px 0;
	height: 20px;
	border-right: 1px solid #ffffff;
}
.about-box4{
	margin-top:35px
}
.about-box4 ul{
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
}
.about-box5{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 247px;
	background: #005AD2;
}
.a-bg{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 418px;
	height: 59px;
	background: url("../images/a_bg001.png") no-repeat;
	background-size: 418px 59px;
}
.a-bg h1{
	font-size: 36px;
	color: #ffffff;
}
.a-ftitle{
	margin-top: 30px;
	font-size: 18px;
	color: #ffffff;
}
.shadow-box{
	margin-top:-25px;
	overflow: hidden;
	background: url("../images/shadow.png") no-repeat center;
	background-size: cover;
	height: 350px;
	position: relative;
}
.ly-warp{
	margin-top:60px;
	display: flex;
	background: #ffffff;
	height: 517px;
}
.ly-lbox{
	width: 50%;
	min-height: 517px;
	overflow: hidden;
	background: url("../images/ly_bg.png") no-repeat;
	background-size: 100% 517px;

}
.ly-rbox{
	padding: 0 78px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 50%;
	background: #2057B7;
}
.shadow-box ul{
	display: flex;
	justify-content: space-around;
	margin: 25px 0 0 0;
	padding: 0;
	list-style: none;
	height: 190px;
}
.shadow-box li{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.shadow-box li h1{
	margin: 0;
	font-size: 60px;
	position: relative;
}
.shadow-box li h1>span{
	position: absolute;
	top:0;
	right: -20px;
	font-size: 16px;
	color: #4B4B4B;
}
.shadow-box li span{
	font-size: 16px;
	color: #787878;
}
.shadow-box li:nth-child(2) h1>span{
	right:-35px;
}
.ly-rbox h1{
	font-size: 38px;
	color: #ffffff;
}
.ly-rbox span{
	display: block;
	margin-top:30px;
	font-size: 16px;
	color: #ffffff;
	line-height: 30px;
}
.more{
	display: flex;
	align-items: center;
	margin-top:30px;
}
.more a{
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
}
ul,li{
	margin: 0;
	padding:0;
	list-style: none;
}
.company-wary{
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 50px;
}
.company-box{
	display: flex;
	justify-content: center;
	align-items: center;
}
.company-box li{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 195px;
	height: 49px;
	line-height: 49px;
	background: #005AD2;
	font-size: 16px;
	color: #ffffff;
	border-right: 1px solid #ffffff;
	-webkit-transition: .5s all;
	-o-transition: .5s all;
	-moz-transition: .5s all;
	transition: .5s all;
}
.company-box li:hover{
	background: #CA161F;
}
.company-box li a{
	color: #ffffff;
}
.company-box li a:hover{
	text-decoration: none;
}
.company-box li:last-child{
	border-right: none;
}
.company-box li a.active{
	background: #CA161F!important;
	width: 195px;
	height: 49px;
	line-height: 49px;
	display: flex;
	justify-content: center;
	align-content: center;
	color: #ffffff;
}
.company-list{
	margin-top:50px;
	display: flex;
	justify-content: space-between;
	flex-wrap: inherit;
	min-height: initial;
}
.company-list li{
	display: flex;
	flex-direction: column;
	width: 382px;
	background: #EEEEEE;
	border:1px solid #EEEEEE;
	height: min-content;
}
.company-list li img{
	width: 382px;
	height: 290px;
}
.company-list li div{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	box-sizing: border-box;
	margin: initial;
	line-height: initial;
	font-size: 16px;
	color: #303030;
}
.news-warp{
	padding-top:60px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	min-height: 727px;
}
.news-box{
	display: flex;
	justify-content: space-between;
	width: 1200px;
	margin:60px auto 0 auto
}
.news-left{
	width: 369px;
	height: 469px;
	position: relative;
	background: #ffffff;
	box-shadow: 0px 20px 50px 0px rgba(18,17,39,0.0800);
	border-radius: 12px;
}
.news-title{
	color: #ffffff;
}
.news-title h1{
	margin: 0;
	font-size: 18px;
}
.news-title span{
	font-size: 14px;
}
.news-cont img {
	width: 369px;
	min-height: 200px;
	border-radius: 10px 10px 0 0;
}
.news-cont{
	display: flex;
	flex-direction: column;
}
.news-cont h1{
	margin-top:20px;
	font-size: 16px;
	font-weight: 400;
	color: #333333;
}
.news-cont time{
	font-size: 12px;
	color: #666666;
}
.news-cont span{
	display: block;
	margin-top:20px;
	font-size: 12px;
	color: #999999;
	line-height: 28px;
}
.news-right{
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	flex: 1;
	margin-left: 40px;
}
.news-tbox{
	padding:20px;
	box-sizing: border-box;
	background: #ffffff;
}
.zx-title h1{
	margin: 0;
	font-size: 18px;
}
.zx-title span{
	font-size: 14px;
	color: #666666;
}
.news-zx-box{
	margin-top:20px;
	display: flex;
	justify-content: space-between;
}
.news-img{
	margin-left: 10px;
	width: 168px;
	height: 135px;
}
.news-img img{
	width: 168px;
	height: 135px;
}
.news-zx-title{
	display: flex;
	align-items: center;
}
.news-zx-title time{
	padding-left: 10px;
	margin-top:-8px;
	width: 100px;
	font-size: 18px;
	font-weight: bold;
	color: #999999;
}
.news-zx-title h1{
	font-size: 18px;
	font-weight: 400;
	color: #2B2B2B;
}
.news-zx-title a:hover{
	color:#333333!important;
}
.news-zx-cont{
	display: flex;
	align-items: center;
}
.news-zx-cont span{
	font-size: 14px;
	color: #888888;
	line-height: 24px;
}
.news-zx-img{
	display: flex;
	justify-content: center;
	align-items: center;
	flex:0 0 100px
}
.news-zx-img{
	width: 11px;
	height: 7px;
}
.news-bbox{
	padding: 20px;
	box-sizing: border-box;
}

.q-a li{
	position: relative;
	display: flex;
	margin-bottom: 10px;
}
.q-a li:nth-of-type(odd){
	font-size: 15px;
	color: #333333;
}
.q-a li:nth-of-type(odd):before{
	margin-right: 10px;
	content: 'Q';
	min-width: 26px;
	height: 26px;
	background: #1E88E5;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	font-size: 14px;
}
.q-a li:nth-of-type(even){
	font-size: 14px;
	color: #888888;
	line-height: 24px;
}
.q-a li:nth-of-type(even):before{
	margin-right: 10px;
	content: 'A';
	min-width: 26px;
	height: 26px;
	background: #1E88E5;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	font-size: 14px;
}
.q-a-warp{
	margin-top:30px;
}
.link-title{
	display: flex;
	align-items: center;
}
.link-title h1{
	margin-bottom: inherit!important;
	font-size: 16px;
	color: #333333;
}
.link-title span{
	display: block;
	margin-left: 5px;
	font-size: 14px;
	color: #A59999;
}
.link-list{
	margin-left: 20px;
	display: flex;
	align-items: center;
}
.link-list li{
	margin-right: 10px;
}
.link-list li a{
	font-size: 14px;
	color: #666666;
	text-decoration: none;
}
.link-flx{
	width: 1200px;
	margin:0 auto;
	display: flex;
	align-items: center;
	height: 80px;
}

footer{
	padding:50px 0;
	background: #1B1B1B;
	display: flex;
	flex-direction: column;
}
.footer{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.foot-list li:nth-child(2){
	margin-top:20px;
}
.foot-list li h1{
	font-size: 17px;
	font-weight: 300;
	margin: 0;
	color: #ffffff;
}
.foot-list li a{
	font-size: 14px;
	color: #999696;
	text-decoration: none;
	line-height: 24px;
}
.ewm{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.ewm img{
	width: 149px;
	height: 149px;
}
.ewm span{
	margin-top:18px;
	font-size: 14px;
	color: #999696;
}
.service{
	background: url("../images/map_bg.png") no-repeat top right;
}
.service-top{
	display: flex;
	flex-direction: column;
	color: #ffffff;
	padding-bottom:15px;
	border-bottom: 1px solid #444444;
}
.service-top .hot{
	font-size: 16px;
	color: #ffffff;
}
.service-top .tel{
	margin-top:15px;
	font-size: 24px;
	font-weight: bold;
}
.service-list{
	margin-top:15px;
}
.service-list li{
	display: flex;
	align-items: center;
	color: #ffffff;
	margin-bottom: 15px;
	font-size: 14px;
}
.flex{
	margin-right: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20px;
	height: 20px;
}
.foot-box{
	background: #000000;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	font-size: 14px;
	color: #8F8E8E;
}
.foot-box p{
	margin-bottom: inherit!important;
}
.foot-box a{
	color: #8F8E8E;
}
.justify-content-end li.current{

}
.justify-content-end li.current>a{

}
.justify-content-end li a{
	font-size: 17px;
	color: #282828;
}
.justify-content-end li{
	margin-left: 10px;
}
@media (min-width: 1200px){
	.container, .container-lg, .container-md, .container-sm, .container-xl{
		max-width:1200px
	}
}
.nav-list{
	display: flex;
	justify-content: center;
}
.nav-list li{
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-width: 160px!important;
	margin:0 10px;
}
.nav-list li:last-child{
	border-bottom: none;
}
.container{
	padding-left: inherit;
	padding-right: inherit;
}
.pd{
	padding:50px 0
}
.list-group-item.active{
	background: #005AD2!important;
}
.list-group-item{
	border:none;
	border-radius: 10px!important;

}
.list-group-item a{
	color: #999696;
}
.row-list{
	display: flex;
	margin-left: inherit;
	margin-right: inherit;
	flex-wrap: wrap;
}
.row-list .col{
	width: 33.3%;
	height: 332px;
	margin-bottom: 30px;
}
.row-list .col img{
	width: 100%;
	height: 280px;
}
.card{
	-webkit-transition: .5s all;
	-o-transition: .5s all;
	-moz-transition: .5s all;
	transition: .5s all;
}
.card:hover{
	background: rgba(255,255,255,0);
	-webkit-box-shadow: 0 0 21px 3px rgba(0,0,0,.17);
	-moz-box-shadow: 0 0 21px 3px rgba(0,0,0,.17);
	box-shadow: 0 0 21px 3px rgba(0,0,0,.17);
}
.mt-2{
	padding-bottom:50px;
}
.border-bottom{
	padding:15px;
	box-sizing: border-box;
	min-height: 130px!important;
	border:1px solid #dee2e6!important;
	display: flex;
	align-items: center;
}
.news-list ul li.active{
	background: #CA161F!important;
}
.news-list ul li{
	-webkit-transition: .5s all;
	-o-transition: .5s all;
	-moz-transition: .5s all;
	transition: .5s all;
}
.news-list ul li:hover{
	background: #eaeaea;
}
.news-content{
	margin-bottom: 50px;
	padding:50px 50px;
	box-sizing: border-box;
	border: 1px solid #eaeaea;
	min-height: 600px;
}
.news-txt{
	font-size: 12px;
	color: #999;
}
.list-xw li.active{
	border-radius: 0!important;
}
.list-unstyled{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.list-unstyled h5{
	color: #333!important;
}
.list-unstyled li{
	width: 48%;
	margin:0 1% 30px 1%;
	height: 200px;
	-webkit-transition: .5s all;
	-o-transition: .5s all;
	-moz-transition: .5s all;
	transition: .5s all;
}
.list-unstyled li:hover{
	background: rgba(255,255,255,0);
	-webkit-box-shadow: 0 0 21px 3px rgba(0,0,0,.17);
	-moz-box-shadow: 0 0 21px 3px rgba(0,0,0,.17);
	box-shadow: 0 0 21px 3px rgba(0,0,0,.17);
}
.list-unstyled a:hover{
	color: #333!important;
}
.banner-h{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 240px;
	color: #ffffff;
	position: relative;
}
.nav-mob{
	display: none;
}
.banner-h h1{
	z-index: 9999;
}
.bg-gray{
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom: 0;
	background: rgba(0,0,0,.78);
}
.nav-box{
	background-color: #e9ecef;
}
.nav-box nav{
	width: 1200px;
	margin:0 auto;
}
.breadcrumb{
	padding:.75rem 1rem .75rem 0
}
.row-list a{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #333;
	text-align: center!important;
	padding:0
}
.card-body a{
	padding-top:0
}
.card{
	width: 95%;
}
.case ul{
	display: none;
}
.cl-border ul{
	border:none
}
.contact-info-left{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 50px;
}
.contact-info .fa {
	font-size: 40px;
	color: #FEBC35;
	margin-bottom: 10px;
}
.contact-info {
	width: 32%;
	border: 1px solid #ebedf2;
	padding: 30px 20px;
	border-radius: 4px;
	transition: .3s ease-in-out;
	min-height: 220px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.contact-info:hover {
	transform: translateY(-5px);
	transition: .3s ease-in-out;
	box-shadow: 4px 8px 16px rgba(0, 0, 0, 0.1);
}
.contact-info p {
	font-size: 16px;
	color: #585858;
	line-height: 24px;
}
.contact-info p a {
	font-size: 16px;
	color: #585858;
	line-height: 24px;
}
.news-t{
	padding-bottom: 30px;
	border-bottom: 1px solid #eaeaea;
}
.news-t h1{
	font-size: 24px;
	margin-bottom: 20px;
}
.card-img, .card-img-bottom, .card-img-top{
	/*min-height: 286px;*/
	/*max-height: 286px;*/
}

.mob{
	display: none;
}
.about-zx a{
	color: #ffffff;
}

@media (max-width: 1024px){
	.nav-list li{
		margin-bottom: 10px;
		width: 50%;
	}
	.map-box{
		display: none;
	}
	.foot-flx{
		display: none!important;
	}
	.yf-box{
		display: none!important;
	}
	.product-box1{
		display: none;
	}
	.banner-warp{
		display: none;
	}
	.nav-warp2{
		width: 100%;
		padding:0 20px;
	}
	.nav-warp{
		display: none;
	}
	.nav{
		width: inherit;
		height: 50%;
	}
	.nav img{
		width: 50%;
		height: auto;
	}
	.justify-content-end{
		display: none;
	}
	.navbar-toggler{
		display: flex;
		border:1px solid red
	}
	.product{
		width: inherit;
	}
	.product-box1 span{
		display: none;
	}
	.tab-nav li{
		margin-bottom: 10px;
	}
	.content{
		justify-content: center;
	}
	.content li:nth-child(3), .content li:nth-child(6){
		margin:0 0 20px 0
	}
	.content-box{
		margin-top:30px
	}
	.content li{
		margin:0 0 20px 0
	}
	.about-warp{
		display: none;
	}
	.company{
		display: none;
	}
	.link-box{
		display: none;
	}
	.news-bbox{
		display: none;
	}
	.news-box{
		width: inherit;
		justify-content: inherit;
		flex-direction: column;
	}
	.news-tbox{
		display: none;
	}
	.news-right{
		display: none;
	}
	.mob{
		display: flex;
		flex-direction: column;
		padding:30px 18px!important;
		width: initial;
	}
	.pc{
		display: none;
	}
	.product-title h1{
		font-size: 24px;
		color: #282828;
	}
	.product-box{
		background: url('../images/g_bg.png');
		padding:20px 0;
		min-height: 50px;
	}
	.product-title{
		display: flex;
		justify-content: center;
		align-items: center;
		width: initial;
		height: 59px;
		background: initial;
		background-size: initial;
	}
	footer{
		padding:25px 0
	}
	.footer{
		width: inherit;
		flex-wrap: wrap;
		padding:0 25px;
	}
	.foot-list li:nth-child(2){
		margin-top:10px
	}
	.footer .foot-list{
		margin-bottom: 20px;
	}
	.ewm{
		align-items: inherit;
		margin-bottom: 20px;
	}
	.toTop{
		display: none!important;
	}
	.foot-box p{
		padding:0 20px;
		font-size: 12px;
	}
	.news-warp{
		padding-top: inherit;
		min-height: initial;
	}
	.news-box{
		margin: inherit;
	}
	.content li:nth-last-child(1), .content li:nth-last-child(2), .content li:nth-last-child(3){
		margin:0 0 20px 0
	}
	.news-title{
		display: none;
	}
	.news-left{
		height: inherit;
	}
	.all-more{
		margin:30px 0
	}
}

.navbar-light .navbar-toggler {
	display: none;
	border: none;
	position: fixed;
	top: 1.5%;
	right: -16%;
}

.open-navbar {
	transition: all .5s ease!important;
	transform: translateX(0)!important
}

.open-btn {
	right: -20%!important;
}

.open-icon {
	background: url('open.svg') no-repeat center!important;
	background-size: 100%;
}

.shadow::before {
	position: absolute;
	display: block;
	content: '';
	left: 0;
	right: 0;
	height: 100%;
	background: rgba(6, 12, 34, 0.7)!important;
	transition: all .3s ease-in;
}

@media screen and (max-width: 1024px){
	.btn-box{
		display: none;
	}
	.swiper-button-next, .swiper-button-prev{
		display: none!important;
	}
	.banner{

	}
	.banner img{

	}
	.banner-tbox h1{
		font-size: 30px!important;
	}
	.banner-tbox h2{
		font-size: 18px!important;
	}
	.banner-txt2{
		width: initial!important;
		top:initial!important;
		bottom: initial!important;
		left: initial!important;
		right: initial!important;
		padding-left: initial!important;
	}
	.pro-box{
		display: none!important;
	}
	.gc-mob{
		display: none;
	}
	.news-cont>a{
		height: inherit!important;
	}
	.nav__box {
		position: fixed;
		z-index: 100;
		opacity: 0;
		-webkit-transition-property: all;
		transition-property: all;
		-webkit-transition-duration: 300ms;
		transition-duration: 300ms;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		display: none;
		opacity: 0;
	}
	.nav__list li{
		width: 50%;
		line-height: 30px;
		text-align: center;
	}
	.nav__list li a{
		color: #ffffff!important;
	}
	.nav--active .nav__box {
		opacity: 1;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		background-color: rgba(0,0,0,.9);
	}
	.nav__list {
		margin: 0;
		padding: 10px;
	}
	.nav__item {
		list-style-type: none;
		text-align: left;
	}
	.nav__link {
		font-size: 1.3em;
		text-transform: uppercase;
		text-decoration: none;
		color: #FFFFFF;
		opacity: 1;
		-webkit-transition: opacity 300ms ease-in-out;
		transition: opacity 300ms ease-in-out;
	}
	/* Default navigation icon */
	.nav__trigger {
		display: block;
		position: absolute;
		width: 30px;
		height: 25px;
		right: 10px;
		top: 13px;
		z-index: 200;
	}
	.nav--active .nav__trigger {
		opacity: 0.5;
	}
	.nav__icon {
		display: inline-block;
		position: relative;
		width: 30px;
		height: 5px;
		background-color: #666;
		-webkit-transition-property: background-color, -webkit-transform;
		transition-property: background-color, -webkit-transform;
		transition-property: background-color, transform;
		transition-property: background-color, transform, -webkit-transform;
		-webkit-transition-duration: 300ms;
		transition-duration: 300ms;
	}
	.nav__icon:before,
	.nav__icon:after {
		content: '';
		display: block;
		width: 30px;
		height: 5px;
		position: absolute;
		background: #666;
		-webkit-transition-property: margin, -webkit-transform;
		transition-property: margin, -webkit-transform;
		transition-property: margin, transform;
		transition-property: margin, transform, -webkit-transform;
		-webkit-transition-duration: 300ms;
		transition-duration: 300ms;
	}
	.nav__icon:before {
		margin-top: -10px;
	}
	.nav__icon:after {
		margin-top: 10px;
	}
	/* Don't nest if you don't have to. */
	/**
    * Style #1
    */
	.style-1 .nav__box {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		width: 100%;
		height: 100%;
	}
	.style-1 .nav__link {
		opacity: 0;
		-webkit-transition-delay: 500ms;
		transition-delay: 500ms;
	}
	.style-1 .nav--active .nav__link {
		opacity: 1;
	}
	.style-1 .nav--active .nav__box {
		-webkit-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	.style-1 .nav--active .nav__icon {
		background: rgba(0, 0, 0, 0);
	}
	.style-1 .nav--active .nav__icon:before {
		margin-top: 0;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.style-1 .nav--active .nav__icon:after {
		margin-top: 0;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.nav-mob{
		display: inherit;
	}
	.nav-box{
		display: none;
	}
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl{
		padding: inherit;
	}
	.container{

	}
	.news-t{
		padding:30px 0
	}
	.news-t h1{
		margin-bottom: 0;
	}
	.nav-list{
		flex-wrap: wrap;
		padding:20px;
		box-sizing: border-box;
	}
	.row{
		margin: inherit;
	}
	.card{
		width: 100%;
	}
	.contact-info-left{
		flex-direction: column;
	}
	.contact-info{
		width: 100%;
		margin-bottom: 20px;
	}
	.banner-h h1{
		font-size: 24px;
		z-index: 88;
	}
	.tab-nav{
		margin:15px 0 0 0;
		flex-wrap: wrap;
	}
	.content{
		padding:inherit!important;
	}
	.content-box{
		margin-top:inherit;
	}
	.news-content img{
		width: 100%;
		height: inherit;
	}
	.list-group-item{
		width: 100%;
	}
	.row-list .col{
		padding: inherit;
		width: 100%;
	}
	.news-content{
		min-height: inherit;
		padding-top:20px!important;
	}
	.map{
		display: none;
	}
	.list-unstyled li{
		width: 100% !important;
	}
	.pd20{
		padding:0 20px;
	}
	.right_fixed{
		display: none;
	}
	.foot-mob{
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		height: 60px;
		display: flex!important;
		justify-content: center;
		align-items: center;
		background: #CA161F;
		z-index: 9999;
	}
	.foot-mob ul{
		display: flex;
		width: 100%;
	}
	.foot-mob li{
		width: 50%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.foot-mob li img{
		height: 24px;
	}
	.foot-mob li:nth-child(1) img{
		height: 20px!important;
	}
	.foot-mob li:nth-child(1) a{
		margin-top:4px;
	}
	.foot-mob li a{
		font-size: 14px;
		color: #ffffff;
		line-height: normal;
	}
	.foot-box{
		margin-bottom: 60px;
	}
}
.foot-mob{
	display: none;
}

/*右侧浮动条*/
.right_fixed {position: fixed;bottom: 0;right: 0;transform: translateY(-50%);z-index: 2222;}
.right_fixed li {width: 52px;height: 52px;transition: all 0.36s;display: flex;flex-direction: row;justify-content: center;align-items: center;cursor: pointer;position: relative;z-index: 10;background: #CA161F;}
.right_fixed li.fixed04 {opacity: 0;}
.right_fixed li .img_box {width: 100%;color:#fff;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;z-index: 10;}
.right_fixed li:hover .img_box {background: rgba(0,0,0,.75);}
/*.right_fixed li .img_box img{height: auto;width: 24px;display: block;position: relative;z-index: 2;}*/
.right_fixed li.active .img_box {opacity: 0;}
.mf-popCode,.mf-popTel {width: 158px;background-color: rgba(0, 0, 0, 0.6);padding: 10px;position: absolute;right: 100%;bottom: 0;margin-right: 20px;text-align: center;color: #fff;display: none;font-size: 14px;}
.mf-popTel {padding: 10px 10px 10px; font-size:18px;}
.mf-popCode p,.mf-popTel p {color: #fff;}
.mf-popCode .img{padding:5px;background:#fff;}
.mf-popCode img {width: 100%; display:block;}
.fixed03:hover .mf-popCode {display: block;}
.fixed01:hover .mf-popTel {display: block; }
.right_fixed li img{
	display: block;position: relative;z-index: 2;
	width: 50%;
}
/*右侧浮动条*/

.card-w{
	width: 100% !important;
}
.row-cl .card{
	width: inherit;
}

.row-cl .nav{
	justify-content: inherit;
}
.row-cl .tab-content>.active{
	display: inherit;
}
.content-cl{
	display: inherit;!important;
}
.yf-box{
	width: 1200px;
	margin: 60px auto 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.r-flx{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 600px;
}
.l-rel{
	position: relative;
}
.l-abs{
	display: flex;
	flex-direction: column;
	padding:334px 30px 0 40px;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 361px;
	height: 600px;
	color: #ffffff;
	background: linear-gradient(306deg, #2057B7 0%, rgba(32,87,183,0.3100) 100%);
}
.l-abs h1{
	font-size: 38px;
}
.l-abs span{
	margin-top: 20px;
	font-size: 16px;
	line-height: 28px;
}
.l-abs img{
	margin-top: 20px;
	width: min-content;
	height: 28px;
}
.r-abs{
	position: absolute;
	padding:14px 50px;
	box-sizing: border-box;
	left: 0;
	right: 0;
	bottom: 0;
	height: 92px;
	color: #ffffff;
	background: linear-gradient(306deg, #2057B7 0%, rgba(32,87,183,0.3100) 100%);
}
.r-abs h1{
	margin:0 0 10px 0;
	font-size: 24px;
}
.all-more{
	margin-top:40px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.news-lbox{
	padding:30px 24px;
	box-sizing: border-box;
}
.news-lbox time{
	font-size: 14px;
	color: #2057B7;
}
.news-lbox h1{
	font-size: 20px;
	color: #121127;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
	background-color: inherit;
	border:inherit;
	color: #ffffff;
}
.panel-title{
	font-size: 24px;
	font-weight: normal;
	color: #282938;
}
.panel-body{
	font-size: 18px;
	line-height: 32px;
	color: #282938;
	padding:0 15px 30px 100px
}
.panel-default{
	border:none;
	border-bottom: 1px solid #ECECF1;
}
.panel-default>.panel-heading{
	background-color: transparent;
}
.panel{
	background-color: transparent;
	position: relative;
}
.panel-heading{
	padding:30px 0 30px 100px;
	position: relative;
	border-bottom: none!important;
}
.panel-title i{
	display: flex;
	position: absolute;
	top:28px;
	right: 0;
	width: 16px;
	height: 16px;
	opacity: 0.7;
}
.panel-group .panel{
	border-radius: 0!important;
}
.panel-group>div:before{
	position: absolute;
	top:26px;
	left: 28px;
	font-weight: bold;
	font-size: 24px;
	color: #2057B7;
}
.panel-group>div:nth-child(1):before{
	content: '01';
}
.panel-group>div:nth-child(2):before{
	content: '02';
}
.panel-group>div:nth-child(3):before{
	content: '03';
}
.panel-group>div:nth-child(4):before{
	content: '04';
}
.panel-group>div:nth-child(5):before{
	content: '05';
}

.map-box{
	margin-top:60px;
	height: 480px;
}
.map-warp{
	display: flex;
	justify-content: space-between;
	padding:38px 0 0 0;
	box-sizing: border-box;
	width: 1200px;
	margin:0 auto;
}
.map-rbox{
	margin-left: 60px;
	flex:1
}
.map-rbox span{
	font-size: 18px;
	color: #217BF4;
}
.map-rbox h1{
	margin-top:10px;
	font-size: 45px;
	color: #0A093D;
}
.map-rbox div{
	margin-top:30px;
	font-size: 14px;
	color: #171648;
	line-height: 46px;
}
.lxwm{
	margin-top:60px;
	height: 341px;
	background: url("../images/lx_bg.png")#E5F0FD no-repeat center;
	background-size: auto 341px;
}
.lxwm-m{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1200px;
	height: 341px;
	margin:0 auto
}
.lxwm-box{
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
}
.lxwm-box h1{
	font-size: 50px;
	color: #000000;
}
.lxwm-box a{
	margin-top:20px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 38px;
	color: #171648;
}
.lxwm-btn{
	margin: 30px auto 0 auto!important;
	width: 144px;
	height: 50px;
	background: #217BF4;
	border-radius: 10px;
	font-size: 16px!important;
	color: #ffffff!important;
}
.banner-warp{
	position: relative;
	width: 1290px;
	margin:0 auto;
}
.tel1{
	position: absolute;
	left:50%;
	top:155px;
	margin-left: -200px;
	width: 400px;
	height: 45px;
}
.tel2{
	position: absolute;
	left:325px;
	top:213px;
	width: 300px;
	height: 45px;
}
.tel3{
	position: absolute;
	right:325px;
	top:213px;
	width: 300px;
	height: 45px;
}
.tel4{
	position: absolute;
	left:50%;
	top:280px;
	margin-left: -100px;
	width: 200px;
	height: 60px;
}
.foot-flx{
	display: flex;
	justify-content: space-between;
	width: 1200px;
	margin:0 auto 60px auto;
}
.lb-rel{
	position: relative;
}
.btn-box{
margin-top: 3%;
}
.btn-box2{
	display: flex;
	justify-content: center;
	align-items: center;
	top:545px;
	left:0;
	right:0;
}
.btn1 button{
	width: 162px;
	height: 62px;
	background: #2057B7;
	box-shadow: 0px 7px 22px -6px rgba(33,123,244,0.3400);
	border-radius: 10px;
	border:none;
	color: #ffffff;
}
.btn2 button{
	margin-left: 18px;
	width: 162px;
	height: 62px;
	background: #FFFFFF;
	border-radius: 10px;
	opacity: 0.8;
	border: 1px solid #217BF4;
	color: #2057B7;
}
.form-row{
	display: flex;
	align-items: center;
}
.show-search{
	display: none;
}

.index-search form{
	display: flex;
	align-items: center;
}

.btn-search{
	padding:6px 12px;
	background: #2057B7;
	border-radius: 6px;
	color: #ffffff;
}

.btn-show{
	display: flex;
}
.mar10{
	margin-right: 10px;
}


.text-toogle[aria-expanded=false] .text-expanded {
	display: none;
}
.text-toogle[aria-expanded=true] .text-collapsed {
	display: none;
}
.mt20{
	margin-top:30px;
}
.list-group-item{
	margin-bottom: 0;
}
.pagination{
	display: flex;
	justify-content: center;
	align-items: center;
}
.card-body{
	padding:10px 0;
	box-sizing: border-box;
}
.media{
	margin-top: inherit;
}
.media-body, .media-left, .media-right{
	margin-left: 15px;
}
.list-unstyled h5{
	font-size: 18px;
}
.list-unstyled img{
	width: 120px;
	height: 90px;
}
.banner .swiper-slide{
	display: flex;
	justify-content: center;
	align-items: center;
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body{
	border-top:none;
	padding-top: inherit;
	padding-bottom: 30px;
}

.span_plus{
	font-size: 30px;
	color: #ccc;
	display: block;
	float: right;
}
.span_plus:before{
	content: "+";
}

.span_xplus{
	font-size: 30px;
	color: #ccc;
	display: block;
	float: right;
}
.span_xplus:before{
	content: "×";
}
.breadcrumb{
	padding:inherit;
	margin:inherit;
	background-color: inherit;
	font-size: 18px;
	color: #ffffff!important;
}
.case-box li a{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	overflow: hidden;
}
.case-img{
	height: 300px;
	overflow: hidden;
}
.news-cont>a{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 200px;
	overflow: hidden;
	border-radius: 10px 10px 0 0;
}
.pro-box{
	padding:50px;
	box-sizing: border-box;
	display: flex;
}
.pro-box img{
	width: 50%;
}
.pro-r{
	display: flex;
	flex-direction: column;
	flex: 1;
	margin-left: 50px;
}
.pro-r h1{
	font-size: 30px;
}
.pro-j{
	margin-top: 20px;
	background: #fafafa;
	padding:20px;
	box-sizing: border-box;
	font-size: 24px;
	color: red;
}
.lx-btn{
	margin-top: 50px;
	width: fit-content;
	padding:10px 50px;
	background: #005AD2;
	font-size: 18px;
	color: #ffffff;
}
.g-btn{
	margin-top: 20px;
}
.g-btn span{
	padding:10px;
	box-sizing: border-box;
	background: #f2f7ff!important;
	color: #3388ff;
}
#book_post div label{
	position: relative;
}
#book_post div:nth-child(2) label:before{
	content: '*';
	color: red;
}
#book_post div:nth-child(4) label:before{
	content: '*';
	color: red;
}
#book_post div:nth-child(6) label:before{
	content: '*';
	color: red;
}

.banner-txt{
	position: absolute;
	width: 1200px;
	margin: 0 auto;
	left: 0;
	right: 0;
	top:0;
	bottom: 0;
	padding-left: 5%;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.banner-tbox h1{
	margin: inherit;
	font-size: 64px;
	color: #ffffff;
	text-shadow: 0px 4px 4px rgba(0,0,0,0.2500), 0px 4px 4px rgba(0,0,0,0.2500), 0px 4px 4px rgba(0,0,0,0.2500);
}
.banner-tbox h2{
	margin-top:2%;
	font-size: 36px;
	color: #ffffff;
	text-shadow: 0px 4px 4px rgba(0,0,0,0.2500), 0px 4px 4px rgba(0,0,0,0.2500), 0px 4px 4px rgba(0,0,0,0.2500);
}
.banner-txt2{
	padding-left: inherit;
	align-items: center;
}
.banner-txt2 .banner-tbox{
	text-align: center;
}
.banner-txt2 .banner-tbox h2{
	margin-top: 5%;
}
#submit_message{
	padding:20px 30px;
	box-sizing: border-box;
}
#submit_message .form-control{
	height: 50px;
	padding:20px
}
#submit_message .form-group{
	margin-bottom: 20px;
}

#book_post .form-control{
	height: 50px;
	padding:20px
}
#book_post .form-group{
	margin-bottom: 20px;
}
#book_post{
	padding:30px;
	box-sizing: border-box;
}

.lx-btn-cl{
	margin-top: 10px;
	padding:20px 80px;
}
.hand{
	position: absolute;
	right: 0;
	bottom:0;
	height: 50px;
}


#submit_message>.row div label{
	position: relative;
}
#submit_message>.row div:nth-child(1) label:before{
	content: '*';
	color: red;
}
#submit_message>.row div:nth-child(1) label:before{
	content: '*';
	color: red;
}
#submit_message>.row div:nth-child(3) label:before{
	content: '*';
	color: red;
}
.modal-title{
	text-align: center;
	font-size: 24px;
}
.lx-btn-cl:hover{
	color: #ffffff;
}
.lx-btn:hover{
	color: #ffffff!important;
}
.lx-btn:active{
	color: #ffffff!important;
}
.lx-btn:focus{
	color: #ffffff!important;
}
#myModal .modal-header{
	border-bottom: 0!important;
	padding:30px 15px 0 15px
}